<template>
  <div class="box">
       <p>热门专题：</p>
       <div class="tagbox">
        <Tag v-for="item in tags" :key="item" :g="item"></Tag>
       </div>
  </div>
</template>

<script>
import Tag from "@/components/button/tag"
export default {
  components:{Tag},
  data(){
    return{
      tags:[
        {
            abId:null,
            abName:null
        }
      ]

    }
  },
  created(){
    // 获取所有标签
    this.$http.get("/album/albumsorder").then(va=>{
      if(va.data.code==200){
        this.tags=va.data.data
      }
    })
  }
}
</script>

<style scoped lang="less">
    .box{
        width: 100%;
        height: auto;
         padding: 10px;
         margin-top: 10px;
         
         .tagbox{
             width: 100%;
             height:auto;
             flex-wrap: wrap;
             padding: 10px;
             margin-top: 10px;
         display: flex;
        background: #fff;
      border: 1px solid #e0e0e0;
            // border:2px solid #f9f8f7;
            // float: left;
         }
    }
</style>